
<template>

  <el-radio-group v-model="edu">
      <el-radio v-for=" item in educations"  :value="item" :label="'学历:'+item"></el-radio>
  </el-radio-group>

  <h3>您选择的学历是:{{edu}}</h3>
<hr>
  <el-radio-group v-model="pri">
    <el-radio v-for="car in cars" :value="car.price" :label="'车型:'+car.product"></el-radio>
  </el-radio-group>

  <h3> 您选择的车型价格为:{{pri}}万元</h3>





</template>

<script setup>

 import {ref} from "vue";
 const edu = ref('高中');
 const  educations= ref(["小学","初中","高中","本科","硕士","博士","院士"]);


 const pri  =  ref(999);

 const cars = ref([
     {product:"小米",price:9},
     {product:"宝马",price:99},
     {product:"老鼠拉屎",price:999},
     {product:"开的拉客",price:9999},
     {product:"红旗",price:999999}
     ]
 );
</script>

<style scoped>

</style>